<template>
  <div class="box">
    <el-tabs type="border-card">
      <el-tab-pane label="登录日志">
        <login-journal></login-journal>
      </el-tab-pane>
      <el-tab-pane label="系统操作日志" lazy>
        <sys-operation-journal></sys-operation-journal>
      </el-tab-pane>
      <el-tab-pane label="档案利用日志" lazy>
        <archives-utilize-journal></archives-utilize-journal>
      </el-tab-pane>
      <el-tab-pane label="档案管理日志" lazy>
        <archives-manage-journal></archives-manage-journal>
      </el-tab-pane>
      <el-tab-pane label="接口访问日志" lazy>
        <api-visit-journal></api-visit-journal>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import LoginJournal from '../settingComponents/logAudit/loginJournal'
import ArchivesUtilizeJournal from '../settingComponents/logAudit/archivesUtilizeJournal'
import ArchivesManageJournal from '../settingComponents/logAudit/archivesManageJournal'
import SysOperationJournal from '../settingComponents/logAudit/sysOperationJournal'
import ApiVisitJournal from '../settingComponents/logAudit/apiVisitJournal'
export default {
  name: 'LogAudit', // 日志审计
  components: { ApiVisitJournal, SysOperationJournal, ArchivesManageJournal, ArchivesUtilizeJournal, LoginJournal },
  data () {
    return {}
  }
}
</script>

<style lang="scss" scoped>
  .box {
    ::v-deep .el-tabs__content{
      padding: 0;
      .el-tab-pane {
        height: calc(100vh - 125px);
        overflow-y: auto;
        padding: 15px;
      }
    }
  }
</style>
